﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Showinfo.aspx.cs" Inherits="TakeoutMangesWeb.Showinfo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <style type="text/css">
        /*页面顶部*/
        .up
        {
            width: 1050px;
            height: 90px;
            margin: 0 auto;
        }
        #Button1
        {
            margin-top: 30px;
            height: 36px;
        }
        .logo
        {
            float: left;
        }
        #logininfo
        {
            font-size: 20px;
            float: right;
            height: 34px;
        }
        #showinfo
        {
            font-size: 20px;
            float: right;
            margin-top: 30px;
        }
        .logo img
        {
            width: 160px;
            height: 90px;
        }
        .top
        {
            width: 100%;
        }
        .Topleft ul
        {
            margin-top: 100px;
            text-align: center;
            overflow: hidden;
            padding: 0;
            height: 55px;
            line-height: 55px;
            margin: 0 auto;
        }
        
        .Topleft li
        {
            float: left;
            position: relative;
            overflow: hidden;
            height: 55px;
            width: 130px;
        }
        
        .Topleft li a
        {
            display: block;
            color: black;
            text-align: center;
            font-size: 20px;
            padding: 0px;
            overflow: hidden;
            text-decoration: none;
        }
        
        .Topleft li a:hover
        {
            background-color: khaki;
            color: gray;
        }
        
        .Topright
        {
            margin-top: 30px;
            width: 400px;
            float: right;
        }
        
        /*内容部分*/
        #broadcast
        {
            width: 100%;
        }
        #center
        {
            margin: 0 auto;
            width: 1000px;
        }
        #tag
        {
            width: 180px;
            background-color: #222222;
            text-align: center;
            top: -30px;
            z-index: 1;
            position: relative;
            margin: 0 auto;
        }
        #tag span
        {
            display: block;
            height: 3px;
            width: 26px;
            margin: 0 auto;
            float: left;
            margin-right: 10px;
        }
        .show
        {
            margin: 50px auto;
            padding: 10px;
            width: 1250px;
            height: 400px;
        }
        .pul img:hover
        {
            width: 203px;
            height: 203px;
        }
        .pul
        {
            text-decoration: none;
            width: 300px;
            height: 310px;
            text-align: center;
            float: left;
        }
        .pul
        {
            list-style: none;
        }
        .pul li p
        {
            margin: 5px;
            color: black;
        }
        .pul li a
        {
            text-decoration: none;
        }
        .pul img
        {
            width: 200px;
            height: 200px;
        }
        .pul li span
        {
            color: #D43F3A;
            font-size: 30px;
        }
        .pul
        {
            margin: 0px;
            padding: 0px;
        }
        .classify
        {
            width: 1100px;
            margin: 0 auto;
        }
        			/*页面部分*/
			#top {
				margin: 30px auto;
				padding: 10px;
				width: 1300px;
				height: 100px;
			}

			#show {
				margin: 0 auto;
				height: 500px;
				width: 1000px;
			}

			#pul {
				list-style: none;
			}

			#sw {

				width: 1000px;
				height: 300px;
				float: left;
				display: block;
				margin: 15px;
			}

			#sw1 {
				padding: 20px;
				width: 350px;
				height: 350-x;
				float: left;
			}
			#sw1 img
			{
				margin-top: 50px;
				width: 350px;
				height: 300px;
			}

			#sw2 {
				margin: 30px auto;
				padding: 20px;
				float: left;
			}

			#span1 {
				font-size: 30px;
				color: #AC2925;
			}

			#sw2 p {
				margin: 20px auto;
			}

			#sw2 a:hover {
				background-color: #FF0000;
			}

			#sw2 a {
				text-decoration: none;
				margin: 10px;
				float: left;
				width: 150px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				background-color: orangered;
				color: white;
			}

        /*页面底部*/
        #footer
        {
            margin: 0px auto;
            margin-top: 100px;
            float: left;
            width: 100%;
            height: 280px; /* footer的高度一定要是固定值*/
            background: #222222;
        }
        #footbody
        {
            padding-top: 50px;
            margin: 0px auto;
            width: 1100px;
            height: 200px;
        }
        #footleft
        {
            float: left;
            width: 800px;
            height: 200px;
            background: #222222;
        }
        .dd
        {
            float: left;
            width: 160px;
            height: 190px;
        }
        .dd > li
        {
            display: block;
            color: gray;
            text-align: center;
            padding: 1px;
        }
        .dd > li > a
        {
            text-decoration: none;
            color: gray;
            font-size: 10px;
        }
        .dd > li > a:hover
        {
            color: white;
        }
        #footright
        {
            float: left;
            width: 300px;
            height: 200px;
            background: #222222;
        }
        .rr
        {
            float: left;
            width: 140px;
            height: 50px;
            padding: 0;
        }
        .rr > li
        {
            display: block;
            color: gray;
            text-align: center;
            padding: 5px;
        }
        .broadcast
        {
            width: 1100px;
            height: 600px;
            background-color: #000000;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="up">
        <div class="logo">
            <img src="img/logo.jpg" alt=""></div>
        <div class="container Topright">
        
        <div id="logininfo" runat="server">
            <asp:Button ID="Button1" runat="server" Text="登录" class="btn btn-warning" 
                onclick="Button1_Click"/>
        </div>
        <div id="showinfo" runat="server">
				欢迎,<span id="user" runat="server"></span>
                     <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">退出登录</asp:LinkButton>
                     <asp:Button ID="Button3" runat="server" Text="购物车" class="btn btn-warning" 
                Height="36px" onclick="Button3_Click"/>
        </div>
    </div>
</div>
    <div class="top">
        <div class="container Topleft">
            <ul>
                <li><a href="shopinfo.aspx">首页</a> </li>
                <li><a href='Shoptype.aspx?id=1'>快餐便当</a></li>
                <li><a href='Shoptype.aspx?id=2'>甜品饮品</a> </li>
                <li><a href='Shoptype.aspx?id=3'>汉堡薯条</a> </li>
                <li><a href='Shoptype.aspx?id=4'>米粉面馆</a> </li>
                <li><a href='Shoptype.aspx?id=5'>特色小吃</a> </li>
            </ul>
        </div>
    </div>
    <div id="top">
         	<div id="show">
            <asp:Repeater ID="RepeaterGoodsinfo" runat="server" 
                    onitemcommand="RepeaterGoodsinfo_ItemCommand1">
            <ItemTemplate>
         		<ul id="pul">
				<li>
					<div id="sw">
						<div id="sw1">
					<asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("ProductImage") %>' />
						</div>
						<div id="sw2">
					<h1><%#Eval("ProductName")%></h1>
					<span id="span1">￥<%#Eval("ProductPrice")%>.00</span>
					<p>已售:<%#Eval("ProductSales")%></p>
                        <asp:LinkButton ID="LinkButton1" runat="server" CommandArgument='<%#Eval("ProductID")%>' CommandName='update'>加入购物车</asp:LinkButton>	
					<a href="#">加入收藏</a>
						</div>
					</div>
				</li>
                </ul>
             </ItemTemplate>
             </asp:Repeater>
		</div>
    <div id="footer">
        <div id="footbody">
            <div id="footleft">
                <ul class="dd">
                    <li class="big">我是新手</li>
                    <li><a href="#">什么是道聚城</a></li>
                    <li><a href="#">如何购买</a></li>
                    <li><a href="#">如何赠送</a></li>
                    <li><a href="#">如何获取聚豆</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">个人中心</li>
                    <li><a href="#">发货时间</a></li>
                    <li><a href="#">如何领取</a></li>
                    <li><a href="#">补发规则</a></li>
                    <li><a href="#">vip价定义</a></li>
                    <li><a href="#">道具状态定义</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">支付方式</li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">购物点支付</a></li>
                    <li><a href="#">如何充值</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">腾讯在线服务</li>
                    <li><a href="#">腾讯在线官方客服</a></li>
                </ul>
            </div>
            <div id="footright">
                <ul class="rr">
                    <li></li>
                    <li>二维码</li>
                </ul>
                <ul class="rr">
                    <li></li>
                    <li>二维码</li>
                </ul>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
